<template>
	<view class="boxs">
		<Title :txt="i18n.xwxq" :showback="true"></Title>
		<view class="maintitle mx15">
			{{noticeTitle}}
		</view>
		<view class="time mx15">
			{{createTime}}
		</view>
		<view class="content f14 lhl175 mx15" v-html="noticeContent">
			
		</view>
		<!-- <rich-text :nodes="noticeContent"></rich-text> -->
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
		noticeTitle:"",
				createTime:"",
				noticeContent:"",
				id:""
			}
		},
		computed:{
			i18n() {
				return this.$t('home');
			}
		},
		onLoad(options) {
			
				this.id=options.id	
				this.createTime = options.time
				this.noticeTitle = options.title
			
		},
		onShow() {
			let params={
				id:this.id
			}
			this.$http.post('news.getNewInfo',params).then(res=>{
				// console.log(res)
				this.noticeContent=res.data
				
			})
		},
		methods:{
			gotoNews(){
				uni.reLaunch({
					url:"./news"
				})			}
		}
	}
</script>

<style lang="less">
	.boxs{
		.maintitle{
			font-size:32rpx;
			font-family: PingFangSC, PingFangSC-Medium;
			font-weight: 600;
			color: #fff;
			letter-spacing: 2rpx;
			line-height: 1.5;
		}
		.time{
			margin-top:16rpx;
			font-size: 24rpx;
			color: #C9C9C9;
		}
		.content{
			color: #fff;
			margin-top: 24rpx;
			
		}
		 /deep/img{
			 max-width: 100%;
		 }
	}
	
</style>
